<template>
    <div>dashboard</div>
    <svg-icon icon-class="bug"></svg-icon>
    <svg-icon icon-class="404" class-name="custom-class" @click="sayhi"></svg-icon>
</template>
<script lang="ts">
import { defineComponent, getCurrentInstance } from '@vue/runtime-core'
export default defineComponent({
  name: 'Dashboard',
  setup() {
    const { proxy } = getCurrentInstance()!
    console.log('proxy', proxy)
    const sayhi = () => {
      console.log('proxy2', proxy)
      proxy?.$message.success('成功')
    }
    return {
      sayhi
    }
  }

})

</script>
<style lang="scss">
  .custom-class { // 自定义样式404
    font-size: 200px;
    color: green;
  }
</style>
